﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="Stylesheet" href="css/task4-P-WindowsCalculator.css" />
    <title></title>
</head>
<body>
		<div class="window-wrap"> 
			<div id="calc-icon" >
				<img src="calc.jpg" style="vertical-align:middle"/>
				<span style="vertical-align:middle">Calculator</span>
			</div>
			<div class="window-buttons">
					<div id="minimize-button"  class="lightButtons">&mdash;</div>
					<div id="resize-button" class="lightButtons"></div>
					<div id="closeButton">x</div>
			</div>
			<nav>
				 <ul>
					<li>View</li>
					<li>Edit</li>
					<li>Help</li>
				 </ul>
			</nav>
			<div class="main-container">
				<input class="textField" type="text" name="textField" />
				
				<div class="nums">
					<ul>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						
						<li>63</li>
						<li></li>
						<li></li>
						<li></li>
						<li>47</li>
						<li></li>
						<li></li>
						<li>32</li>
						
						
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						<li>0000</li>
						
						<li>31</li>
						<li></li>
						<li></li>
						<li></li>
						<li>15</li>
						<li></li>
						<li></li>
						<li>0</li>
						
					</ul>
				</div>
				<div class="options">
					<div class="num-system">
						<ul>
							<li><input type="radio" name="numsys" /> Hex</li>
							<li><input type="radio" name="numsys" checked="checked"  /> Ded</li>
							<li><input type="radio" name="numsys" /> Oct</li>
							<li><input type="radio" name="numsys" /> Bin</li>
						</ul>
					</div>
					<div class="qword">
						<ul>
							<li><input type="radio" name="qword" checked="checked" /> Qword</li>
							<li><input type="radio" name="qword" /> Dword</li>
							<li><input type="radio" name="qword" /> Word</li>
							<li><input type="radio" name="qword" /> Byte</li>
						</ul>
					</div>
				</div>
				<div class="numpad">
					<input class="notActive" type="button" value="" />
					<input class="signs "type="button" value="Mod" />
					<input class="notActive" type="button" value="A" />
					<input class="notActive" type="button" value="MC" />
					<input class="notActive" type="button" value="MR" />
					<input class="notActive" type="button" value="MS" />
					<input class="notActive" type="button" value="M+" />
					<input class="notActive" type="button" value="M-" />
					
					<input class="signs "type="button" value="(" />
					<input class="signs "type="button" value=")" />
					<input class="notActive" type="button" value="B" />
					<input class="signs "type="button" value="&#8656; ">
					<input class="signs "type="button" value="CE" />
					<input class="signs "type="button" value="C" />
					<input class="signs "type="button" value="+-" />
					<input class="notActive" type="button" value="&radic;" />
					
					<input class="signs "type="button" value="RoL" />
					<input class="signs "type="button" value="RoR" />
					<input class="notActive" type="button" value="C" />
					<input class="numbers" type="button" value="7" />
					<input class="numbers" type="button" value="8" />
					<input class="numbers" type="button" value="9" />
					<input class="signs "type="button" value="/" />
					<input class="notActive" type="button" value="%" />
					
					<input class="signs "type="button" value="Or" />
					<input class="signs "type="button" value="Xor" />
					<input class="notActive" type="button" value="D" />
					<input class="numbers" type="button" value="4" />
					<input class="numbers" type="button" value="5" />
					<input class="numbers" type="button" value="6" />
					<input class="signs "type="button" value="*" />
					<input class="notActive" type="button" value="1/x" />
					
					<input class="signs "type="button" value="Lsh"  />
					<input class="signs "type="button" value="Rsh"  />
					<input class="notActive" type="button" value="E" />
					<input class="numbers" type="button" value="1" />
					<input class="numbers" type="button" value="2"  />
					<input class="numbers" type="button" value="3"  />
					<input class="signs "type="button" value="-"  />
					<input class="signs" type="button" id="equalSign" value="="  />
					
					<input class="signs "type="button" value="Not" />
					<input class="signs "type="button" value="And" />
					<input class="notActive" type="button" value="F" />
					<input class="numbers" type="button" style="width: 71px" value="0" />
					<input class="notActive" type="button" value="." />
					<input class="signs "type="button" value="+" />
				</div>		
			</div>
		</div>	
	</body>
</html>
